<div class="page-header">
    <h5 class="content-title" style="display: inline"><%= __('comparison.storeComparison') %></h5>
    <label class="checkbox" for="followedFlag" style="display: inline-block">
        <input type="checkbox" class="custom-checkbox" id="followedFlag">
        <span class="icons"><span class="icon-unchecked"></span><span class="icon-checked"></span></span>
        <%= __('passenger.myConcernedStore') %>
    </label>
</div>
<div class="queryCondition">
    <form class="query-form">
        <input type="hidden" name="_lidu" value="3" id="lidu_input"/>
        <input type="hidden" id="_loginCustomerId" value="<%= session.userData.customerId %>"/>
        <input type="hidden" id="_loginAccountId" value="<%= session.userData.userId %>"/>
        <input type="hidden" id="_loginVendorId" value="<%= session.userData.vendorId%>" />
        <div class="row">
            <div class="col-md-5">
                <label style="float: left; width:80px;"><%= __('passenger.areaSelection') %>：</label>
                <select id="customer_select"
                        style="width: 150px;"
                        options
                        codeField="id" nameField="name" name="_customerId"></select>
            </div>
            <div class="col-md-5">
                <label><%= __('passenger.storeType') %>：</label>
                <select style="width: 160px;" id="shopType" name="shopType"   options="" ></select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label style="float: left; width:80px;"><%= __('passenger.storeSelecion') %>：</label>
                <select id="shop_select" style="width: 60%;" name="customer_id_obj_ae"
                        class="shop_array js-example-basic-multiple" multiple="multiple"></select>
                <!--<input id="addShop" type="button" value="添加店铺"  class="btn-primary btn_addShop" style="margin-left: 8px;">-->
                <!--<input type="button" value="删除店铺"  class="btn-primary btn_delShop">-->
            </div>
        </div>
        <div class="row" style="margin-top: 10px;">
            <!--<div class="col-md-5" style="margin-top: 10px;">-->
            <!--<label style="float: left; width:80px;">指标：</label>-->
            <!--<ul class="list-inline" style="float: left;margin-bottom: auto;">-->
            <!--<li>-->
            <!--<div class="input-group">-->
            <!--<input type="button" value="客流量" data-type="2" class="btn_quota btn_clicked">-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="input-group">-->
            <!--<input type="button" value="销售额" data-type="3" class="btn_quota btn_unclicked" disabled>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="input-group">-->
            <!--<input type="button" value="客单量" data-type="4" class="btn_quota btn_unclicked" disabled>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="input-group">-->
            <!--<input type="button" value="转化率" data-type="5" class="btn_quota btn_unclicked" disabled>-->
            <!--</div>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <div class="col-md-5">
                <label style="float: left; width:80px;"><%= __('passenger.timeUnit') %>：</label>
                <ul class="list-inline" style="float: left;margin-bottom: auto;">
                    <li>
                        <div class="input-group">
                            <input type="button" value="<%= __('passenger.hour') %>" data-type="2" class="btn_lidu btn_unselect">
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="<%= __('passenger.day') %>" data-type="3" class="btn_lidu btn_select">
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="<%= __('passenger.week') %>" data-type="4" class="btn_lidu btn_unselect">
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="<%= __('passenger.month') %>" data-type="5" class="btn_lidu btn_unselect">
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-md-5">
                <label style="float: left; width:80px;"><%= __('passenger.timePeriod') %>：</label>
                <ul class="list-inline" style="float: left;margin-bottom: auto;">
                    <li>
                        <div class="input-group date dolphin_date_picker" style="width: 160px;">
                            <input type="text" class="form-control" name="_startDate" value="<%= data.today %>"
                                   id="startDate">
                            <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                                    </span>
                        </div>
                    </li>
                    <li>
                        <div class="input-group date dolphin_date_picker" style="width: 160px;">
                            <input type="text" class="form-control" name="_endDate" value="<%= data.today %>"
                                   id="endDate">
                            <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                                    </span>
                        </div>
                    </li>
                    <li class="lidu_hour" style="display: none">
                        <div class="input-group">
                            <input type="button" value="<%= __('homepage.yesterday') %>" data-type="1"
                                   data-beg="<%= data.yesterday %>"
                                   data-end="<%= data.yesterday %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                    <li class="lidu_hour" style="display: none">
                        <div class="input-group">
                            <input id="btn_pressed_today" type="button" value="<%= __('homepage.today') %>" data-type="2"
                                   data-beg="<%= data.today %>"
                                   data-end="<%= data.today %>"
                                   class="btn_daterange btn_pressed"
                            >
                        </div>
                    </li>
                    <li class="lidu_day" style="display: none">
                        <div class="input-group">
                            <input type="button" value="<%= __('homepage.lastWeek') %>" data-type="3"
                                   data-beg="<%= data.lweekFirst %>"
                                   data-end="<%= data.lweekLast %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                    <li class="lidu_day" style="display: none">
                        <div class="input-group">
                            <input id="btn_pressed_week" type="button" value="<%= __('passenger.thisWeek') %>" data-type="4"
                                   data-beg="<%= data.tweekFirst %>"
                                   data-end="<%= data.tweekLast %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                    <li class="lidu_week" style="display: none">
                        <div class="input-group">
                            <input type="button" value="<%= __('homepage.lastMonth') %>" data-type="5"
                                   data-beg="<%= data.lmonthFirst %>"
                                   data-end="<%= data.lmonthLast %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                    <li class="lidu_week" style="display: none">
                        <div class="input-group">
                            <input id="btn_pressed_month" type="button" value="<%= __('passenger.thisMonth') %>" data-type="6"
                                   data-beg="<%= data.tmonthFirst %>"
                                   data-end="<%= data.tmonthLast %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                    <li class="lidu_month" style="display: none">
                        <div class="input-group">
                            <input type="button" value="<%= __('passenger.lastYear') %>" data-type="7"
                                   data-beg="<%= data.lyearFirst %>"
                                   data-end="<%= data.lyearLast %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                    <li class="lidu_month" style="display: none">
                        <div class="input-group">
                            <input id="btn_pressed_year" type="button" value="<%= __('passenger.thisYear') %>" data-type="8"
                                   data-beg="<%= data.tyearFirst %>"
                                   data-end="<%= data.tyearLast %>"
                                   class="btn_daterange btn_unpressed "
                            >
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <button type="button" class="btn btn-sm btn-inverse btn-query" ><%= __('activity.analysis') %></button>
                <button type="button" class="btn btn-sm btn-default btn-export"><%= __('store.exporting') %></button>
            </div>
        </div>
    </form>
</div>


<div class="dolphin-col-24 main" id="myContent">
    <div class="panel panel-primary box">
        <div class="panel-heading box-title">
            <h3 class="panel-title">
                <i class="fa fa-table fa-lg" aria-hidden="true"></i>
                <%= __('comparison.storeComparisonChart') %>
            </h3>
            <div class="actions">
                <a title="<%= __('role.delete') %>"  class="btn btn-mini showBar" href="#">
                    <%= __('passenger.histogram') %>
                    <i class="fa fa-bar-chart-o"></i>
                </a>
                <a title="<%= __('account.edit') %>"  class="btn btn-mini showLine" href="#">
                    <%= __('passenger.lineChart') %>
                    <i class="fa fa-check"></i>
                </a>
            </div>
        </div>
        <div id="showDataDiv" class="box-content">
        </div>
    </div>
</div>


<div class="dolphin-col-24 main" id="myContentDetail">
    <div class="panel panel-primary box">
        <div class="panel-heading box-title">
            <h3 class="panel-title">
                <i class="fa fa-table fa-lg" aria-hidden="true"></i>
                <%= __('comparison.storeComparisonData') %>
            </h3>
        </div>
        <div id="dataList" class="box-content">
        </div>
    </div>
</div>


<script src="<%= global.config.publicPath %>/page/scripts/<%= path %>.js"></script>
